<!DOCTYPE html>
<html lang="zn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-image: url(3.jpg);
            width: 800px;
            height: 100vh;
            background-size: 100%;
            background-position: 50% 0%;
        }
        
        .one {
            position: relative;
        }
        
        .div1 {
            width: 600px;
            height: 400px;
            background-color: rgb(202, 151, 151);
            margin: 30px 100px;
            position: absolute;
            top: 80px;
            left: 350px;
            border-radius: 20px;
        }
        
        .img1 {
            width: 260px;
            height: 260px;
            position: absolute;
            top: 65px;
            left: 30px;
            border-radius: 20px;
        }
        
        .a0 {
            font: 40px "Berlin Sans FB";
            color: rgb(255, 255, 255);
            position: absolute;
            top: 65px;
            left: 310px;
        }
        
        .a1 {
            font: 15px "幼圆";
            color: white;
            position: absolute;
            top: 110px;
            left: 310px;
        }
    </style>
</head>

<body>
    <div class="one">
        <div class="div1">
            <img class="img1" src="1.jpg" alt="">
            <a class="a0">Hello</a>
            <a class="a1">我叫彩蛋，江湖人称蛋姐<br>我最爱的人是我的姐姐<br>（她给我做的网页没办法）
                <br><br>我最大的爱好就是拆家，我爱拆家<br>（主要是快乐，挨打也快乐）
                <br><br>第二的爱好就是喜欢吃啦<br>这当然也是学的我姐姐
            <br><br>最后我的愿望就是可以永远陪着我姐姐啦<br>我会跟她一起长大的啦</a>
        </div>
    </div>
</body>

</html>